body {
    background-image: linear-gradient(to right, #868f96 0%, #596164 100%);
}

.top {
    text-align: center;
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

.left {
    flex: 1;
}

span {
    color: lightyellow;
    width: 100px;
    margin-right: 20px;
    height: 33px;
}

.search {
    background-color: honeydew;
    margin-right: 300px;
    height: 33px;
}

.addbox {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.add {
    background-color: palegoldenrod;
    width: 100px;
    height: 33px;
    margin-right: 100px;
}

table {
    margin-top: 50px;
}

th {
    width: 200px;
    height: 50px;
    background-color: rgb(125,148,138);
    text-align: center;
}

td {
    width: 200px;
    height: 50px;
    background-color: papayawhip;
    text-align: center;
}

a {
    text-decoration: #e91e63;
}